<template>
  <div>
    <el-button :autofocus="true" ref="btn1">btn1</el-button>
    <el-button :autofocus="true" ref="btn2">btn3</el-button>
    <el-button :autofocus="true">btn4</el-button>
    <el-button :autofocus="true">btn5</el-button>
    <el-button :autofocus="true">btn6</el-button>
    <p>{{ name }}</p>
  </div>
</template>

<script>
import { get } from '@/api/query'
export default {
  name: 'index',
  data () {
    return {
      name: ''
    }
  },
  mounted () {
    get('hello/hi', null).then(res => {
      console.log('res', res)
      this.name = res
    })
  }
}
</script>

<style>
</style>
